<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta name="viewport" content="width=750,user-scalable=no,target-densitydpi=device-dpi">
    <title>老虎机</title>
    <link rel="stylesheet" href="css/compound.min.css">
</head>
<body>

<div class="content " >
        <div class="slots">
            <img src="images/bg.jpg" />
            
            <dl>
                <dd ></dd>
                <dd ></dd>
                <dd ></dd>
            </dl>

            <div class="play-btn" ></div>
        </div>


        <p id="stop">停止</p>
</div>
</body>
</html>


<script type="text/javascript" src="src/run.js"></script>
<script type="text/javascript" src="src/lucky.js"></script>
<script type="text/javascript" src="src/tiger.js"></script>

<script type="text/javascript">


     var oPlayBtn = document.querySelector('.play-btn');
     var oStop = document.querySelector('#stop');

     var tiger = lucky.tiger('.slots dl dd',{
            time:6,          //时间（秒）//默认 5
            areas_number:3,  //奖项数 （背景图高度 除以 一个奖品的高度 ）  //必填    
            target:'001',    //中奖目标  //可在 start的时候传参 
            initBgPosY:'012',//初始化位置 //默认 在0的位置 //不影响最终结果
            height:160,      //一个奖品的高度  //必填 
            defaulTurns:50,  //默认要转的圈数 //默认 30 //圈数不能小于20
           // direction:'bottom2top', // 方向 //默认是 从上向下： top2bottom  // 从下向上是： bottom2top
            easing:Run.Tween.Quad.easeInOut, //缓冲 // 默认 Run.Tween.Quad.easeInOut
            onUpdate:function(n){
                //console.log( n)
            },
            onEnd:function(){
                console.log('结束')
                oPlayBtn.dataset.disable = "";
            }
    });


    oPlayBtn.onclick = function(){
        if(this.dataset.disable == "disable"){return;} 
        this.dataset.disable = "disable";

        tiger.start('000'); // 开启， 参数为 中奖目标 ，优先级大于 target
    };


     oStop.onclick = function(){
        Run.stop('.slots dl dd');
        oPlayBtn.dataset.disable = "";
     };



</script>
